
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Chrunch Press">
    <meta name="author" content="Chrunch Press">
    <meta name="description" content="Awesome Description Here">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="location, based, messaging, social, network, service, nearby, friends, community, neighborhood, local, events">
    <title>Pageant Beauty Palace</title>
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- Add custom CSS here -->
    <link href="css/color.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">

    <!-- Bx-Slider -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />

</head>
<body>
<!-- /. Main Container start ./-->
<div class="wrapper inner">
<!-- /. topbar start ./-->
<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 topnav"> <a href="branches.html">Branches</a> | <a href="reservation.html">Reservations</a> |    <span>0800 1234 5678</span> </div>
            <div class="col-lg-6 col-md-6">
                <div class="social pull-left"> <a href="#" title="Facebook"><i class="fa fa-facebook-square"></i></a> <a href="#" title="Linkedin"><i class="fa fa-linkedin-square"></i></a> <a href="#" title="Gplus"><i class="fa fa-google-plus-square"></i></a> <a href="#" title="Twitter"><i class="fa fa-twitter-square"></i></a> <a href="#" title="Pinterest"><i class="fa fa-pinterest-square"></i></a> <a href="#" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="#" title="Flickr"><i class="fa fa-flickr"></i></a> </div>
                <div class="hlinks pull-right">
                    <ul>
                        <li> <a href="cart.html"> <i class="fa fa-shopping-cart"></i> Shoping Cart</a></li>
                        <li><a href="register.html">Sign up</a></li>
                        <li><a href="#">Log In</a></li>
                        <li><input type="search" id="search"/>
                            <a id="search-active" class="search-toggle"><span class="hsearch"><i class="fa fa-search"></i></span></a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. topbar end ./-->

<!-- /. Header Start ./-->
<header id="header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3">
                <div class="logo"><a href="index.html"><img src="images/inner-logo.png" alt="Logo" title="Pageant Beauty Palace"/></a></div>
            </div>
            <div class="col-lg-9 col-md-9">
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div>
                    <div class="navbar mm">
                        <div>
                            <nav class="navbar navbar-default" role="navigation">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>

                                </div>
                                <div id="navbar-collapse-1" class="collapse navbar-collapse pull-right">
                                    <ul class="nav navbar-nav">
                                        <li><a href="index.html">Home</a></li>
                                        <li class="dropdown"><a href="index.html" data-toggle="dropdown" class="dropdown-toggle">Pages<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="aboutus-01.html"> About Us 1 </a></li>
                                                <li><a tabindex="-1" href="aboutus-02.html"> About Us 2 </a></li>
                                                <li><a tabindex="-1" href="pricing-01.html"> Prices 1 </a></li>
                                                <li><a tabindex="-1" href="pricing-02.html"> Prices 2 </a></li>
                                                <li><a tabindex="-1" href="team-01.html"> Team 1 </a></li>
                                                <li><a tabindex="-1" href="team-02.html"> Team 2 </a></li>
                                                <li><a tabindex="-1" href="404.html"> 404</a></li>
                                                <li><a tabindex="-1" href="testimonials.html"> Testimonials</a></li>
                                                <li><a tabindex="-1" href="reservation.html"> RESERVATIONS</a></li>
                                            </ul>
                                        </li>

                                        <!-- Classic list -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Services<b class="caret"></b></a>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <!-- Content container to add padding -->
                                                    <div class="mm-content">
                                                        <div class="row">
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="services.html">Services Page</a></li>
                                                                <li><a href="services-details.html">Services Details</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Spa Treatments</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Spa Treatments</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>

                                        <!-- Blog -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">BLOG<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="blog-full.html"> Full Width </a></li>
                                                <li><a tabindex="-1" href="blog-masanary.html"> Masonry Style </a></li>
                                                <li><a tabindex="-1" href="blog.html"> Single Column (With Sidebar) </a></li>
                                                <li><a tabindex="-1" href="blog-02-column.html"> Double Column</a></li>
                                                <li><a tabindex="-1" href="blog-03-column.html"> Three Column</a></li>
                                            </ul>
                                        </li>
                                        <!-- Blog End -->

                                        <!-- Product -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Products<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="products.html"> Product Listing </a></li>
                                                <li><a tabindex="-1" href="product-details.html"> Product Details</a></li>
                                                <li><a tabindex="-1" href="cart.html"> Cart </a></li>
                                                <li><a tabindex="-1" href="checkout.html"> Check Out</a></li>
                                                <li><a tabindex="-1" href="register.html"> Login</a></li>
                                                <li><a tabindex="-1" href="register.html"> Register</a></li>
                                            </ul>
                                        </li>
                                        <!-- Product End -->

                                        <!-- Product -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Gallery<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="galletry01.html"> Double Column </a></li>
                                                <li><a tabindex="-1" href="galletry02.html"> Three Column</a></li>
                                                <li><a tabindex="-1" href="galletry03.html"> Four Column</a></li>
                                                <li><a tabindex="-1" href="galletry04.html"> Masonry Style</a></li>
                                            </ul>
                                        </li>
                                        <!-- Product End -->

                                        <!-- Contact Us -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Contact Us<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="contact-01.html"> Contact Us 1 </a></li>
                                                <li><a tabindex="-1" href="contact-02.html"> Contact Us 2</a></li>
                                                <li><a tabindex="-1" href="branches.html"> Branches 1</a></li>
                                                <li><a tabindex="-1" href="branches2.html"> Branches 2</a></li>
                                            </ul>
                                        </li>
                                        <!-- Contact Us End -->

                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
                <!-- /.navbar-collapse -->
            </div>
        </div>
    </div>
</header>
<!-- /. Header End ./-->

<!-- /.inner title Start ./-->
<section class="inner-titlebg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <h2>Blog</h2>
            </div>
            <div>
                <div class="col-lg-9 col-md-9">
                    <h5>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</h5>
                </div>
                <div class="col-lg-3 col-md-3">
                    <ul class="bcrumb pull-right">
                        <li> <a href="#">Home </a></li>
                        <li><a href="#"> Blog</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- /.inner title Start ./-->
<div class="gap"></div>

<!-- /.gallery Start ./-->

<section class="gallery blog blog-masanary">
<div class="container">
<div class="row">
<div class="col-lg-12 gallery col-12">
<div id="container-blog">
<div class="grid">
    <div class="imgholder">

        <!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right">
                    <div class="block-image"> <img class="img-responsive" src="images/bm-02.jpg" alt="">
                        <div class="img-overlay-3-up pat-override"></div>
                        <div class="img-overlay-3-down pat-override"></div>
                        <ol class="static-style">
                            <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                            <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                        </ol>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End -->

    </div>
</div>
<div class="grid">
    <div class="imgholder">

        <!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right">
                    <div class="block-image"> <img class="img-responsive" src="images/bm-01.jpg" alt="">
                        <div class="img-overlay-3-up pat-override"></div>
                        <div class="img-overlay-3-down pat-override"></div>
                        <ol class="static-style">
                            <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                            <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                        </ol>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End -->

    </div>
</div>
<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right">

                    <div class="block-image"> <img class="img-responsive" src="images/bm-03.jpg" alt="">
                        <div class="img-overlay-3-up pat-override"></div>
                        <div class="img-overlay-3-down pat-override"></div>
                        <ol class="static-style">
                            <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                            <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                        </ol>
                    </div>


                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>
<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right">

                    <div class="block-image"> <img class="img-responsive" src="images/bm-04.jpg" alt="">
                        <div class="img-overlay-3-up pat-override"></div>
                        <div class="img-overlay-3-down pat-override"></div>
                        <ol class="static-style">
                            <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                            <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                        </ol>
                    </div>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>
<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right">


                    <div class="block-image"> <img class="img-responsive" src="images/bm-05.jpg" alt="">
                        <div class="img-overlay-3-up pat-override"></div>
                        <div class="img-overlay-3-down pat-override"></div>
                        <ol class="static-style">
                            <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                            <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                        </ol>
                    </div>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae...</p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>
<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right"> <div class="block-image"> <img class="img-responsive" src="images/bm-06.jpg" alt="">
                    <div class="img-overlay-3-up pat-override"></div>
                    <div class="img-overlay-3-down pat-override"></div>
                    <ol class="static-style">
                        <li class="white-rounded"><a href="blog-details.html"><i class="fa fa-link"></i></a> </li>
                        <li class="white-rounded"><a href="images/large/large1.gif" data-rel="prettyPhoto[gallery1]"><i class="fa fa-plus"></i></a> </li>
                    </ol>
                </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae...</p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>
<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right"> <div class="block-image">

                    <iframe src="http://player.vimeo.com/video/71717333?title=0&amp;byline=0&amp;portrait=0" height="350"></iframe>

                </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>


<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right audio">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>



<div class="grid cp_load fadeInUp">
    <div class="imgholder"><!-- blog post start -->
        <section class=" col-lg-12 blog-post">
            <!-- blog title-tags -->
            <div class="row">
                <div class="bpost-left"></div>
                <div class="bpost-right post-title-tags">
                    <h2><a href="blog-details.html">Aenean sagittis diam vel enim tempus</a></h2>
                    <div class="post-tags">
                        <ul>
                            <li class="puser"><a href="#">Anderson</a></li>
                            <li  class="pcomment"><a href="#">27 Comments</a></li>
                            <li class="ptags"><a href="#">Body Massage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- blog title-tags end -->

            <!-- blog img -->

            <div class="row post-title-tags">
                <div class="bpost-left">
                    <div class="date"><strong>24</strong>Jan</div>
                    <div class="like"><i class="fa fa-heart"></i>19</div>
                </div>
                <div class="bpost-right"> <div class="block-image">

                    <div class="audio-bg">
                        <div class="song-cover"><img src="images/music-file.jpg" alt=""></div>
                        <div class="mplayer">
                            <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                            <div class="jp-title">
                                <ul>
                                    <li>Cro Magnon Man</li>
                                </ul>
                            </div>
                            <div id="jp_container_1" class="jp-audio">
                                <div class="jp-type-single">
                                    <div class="jp-gui jp-interface">
                                        <ul class="jp-controls">
                                            <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
                                            <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                                            <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
                                            <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
                                        </ul>
                                        <div class="jp-progress">
                                            <div class="jp-seek-bar">
                                                <div class="jp-play-bar"></div>
                                            </div>
                                        </div>
                                        <div class="jp-volume-bar">
                                            <div class="jp-volume-bar-value"></div>
                                        </div>
                                        <div class="jp-time-holder">
                                            <div class="jp-current-time"></div>
                                            <div class="jp-duration"></div>
                                            <ul class="jp-toggles">
                                                <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
                                                <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque arcu orci, tempus at placerat id, elementum ac turpis. Nullam eu lacus in dui blandit lobortis. Fusce iaculis lacinia metus id varius. Sed tristique in urna nec ullamcorper. Integer egestas accumsan elit, non pulvinar lorem pulvinar vitae. </p>
                    <button onclick="window.location.href='blog-details.html'">Read More</button>
                </div>
            </div>
            <!-- blog img end -->

        </section>
        <!-- post End --> </div>
</div>

<!-- -->

</div>
</div>
<!-- /.gallery End ./-->
</div>
</div>
</section>
<!-- /.gallery End ./-->

<div class="gap"></div>

<!-- /. Footer Start ./-->

<section id="footer">

    <!-- /. Footer Bottom Bar ./-->

    <section class="footer-mid">
        <div class="footer-midbg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Flickr Photos</h3>
                        <ul class="lb-album">
                            <li> <a href="#image-1"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-1"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-2"> <img src="images/fp2.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-2"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-3"> <img src="images/fp3.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-3"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-4"> <img src="images/fp4.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-4"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-5"> <img src="images/fp5.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-5"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-6"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-6"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-7"> <img src="images/fp7.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-7"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-8"> <img src="images/fp8.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-8"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-9"> <img src="images/fp9.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-9"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Recent Posts</h3>
                        <ul class="recent-posts">
                            <li><a href="blog-details.html">Bed ut perspiciatis unde omnis</a></li>
                            <li><a href="blog-details.html">Duis aute irure dolor in excepteur</a></li>
                            <li><a href="blog-details.html">Sint occaecat cupidatat nemo enim</a></li>
                            <li><a href="blog-details.html">Voluptatem quia autem vel eum iure</a></li>
                            <li><a href="blog-details.html">Bed ut perspiciatis unde omnis</a></li>
                            <li><a href="blog-details.html">Duis aute irure dolor in excepteur</a></li>
                            <li><a href="blog-details.html">Sint occaecat cupidatat nemo enim</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Tweets</h3>
                        <div>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-1.jpg" alt=""></li>
                                <li class="twpost">
                                    <h4><a href="#">@johndoe</a></h4>

                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-2.jpg"  alt=""></li>
                                <li class="twpost">
                                    <h4><a href="#">@dazy</a></h4>

                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-3.jpg" alt="" ></li>
                                <li class="twpost">
                                    <h4><a href="#">@lizaanderson</a></h4>
                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 getintouch">
                        <h3>Get in Touch</h3>
                        <p> when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. </p>
                        <p>Phone: (012) 123 456
                            Fax: (012) 123 456
                            Email: <a href="mailto:info@relaxspapalace.com">info@relaxspapalace.com</a>
                            <a href="#">www.relaxspapalace.com</a> </p>
                        <div class="social"> <a href="#" title="Facebook"><i class="fa fa-facebook-square"></i></a> <a href="#" title="Linkedin"><i class="fa fa-linkedin-square"></i></a> <a href="#" title="Gplus"><i class="fa fa-google-plus-square"></i></a> <a href="#" title="Twitter"><i class="fa fa-twitter-square"></i></a> <a href="#" title="Pinterest"><i class="fa fa-pinterest-square"></i></a> <a href="#" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="#" title="Flickr"><i class="fa fa-flickr"></i></a> </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /. Footer Copy rights ./-->

    <section class="footer-copy">
        <div class="container">
            <div class="row">
                <div class="col-lg-12"><strong>Pageant Beauty Palace</strong> &copy; 2014 All Rights Reserved, Designed &amp; Developed by: <a href="http://CrunchPress.com" title="Crunch Press" target="_blank">CrunchPress.com</a></div>
            </div>
        </div>
    </section>
</section>

<!-- /. Footer End ./-->

</div>
<!-- main end -->
<!-- /. Main Container End ./-->
<!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script><!-- Main Jquery File -->
<script src="js/modernizr.custom.39665.js"></script><!-- Modernizer -->
<script src="js/bootstrap.js"></script><!-- Bootstrap -->
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script><!-- Pretty Box -->
<script src="js/blocksit.min.js"></script>
<script src="js/jquery-scrolltofixed-min.js" type="text/javascript"></script>
<script src="js/custom.js"></script><!-- Custom -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/cp_loader.js"></script>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){

        $("#jquery_jplayer_1").jPlayer({
            ready: function (event) {
                $(this).jPlayer("setMedia", {
                    m4a:"http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a",
                    oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
                });
            },
            swfPath: "js",
            supplied: "m4a, oga",
            wmode: "window",
            smoothPlayBar: true,
            keyEnabled: true
        });
    });
    //]]>
</script>



</body>
</html>
